@media (max-width:768px){
.banner{
        height: auto;
    }
.banner-c{
        height: auto;
    }
.banner .banner-cc{
        height: auto;
    }
.banner .banner-c .int-t{
        height: auto;
    }
.banner .banner-b .int-l{
    width: 100%;
        height: 400px;
    }
    .banner .banner-b .int-l .int-l-t{
        width: 100%;
    }
    .banner .banner-c .item-l-l{
        width: 100%;
    }
    .banner .banner-b .int-l .na{
        width: 100%;
    }
.banner .banner-c .int-t-t{
    height: auto;
    }
.banner .banner-c .int-t-t .rec{
    width: 100%;
    /* height: 100px; */
}
.banner .banner-c .int-t-t .rec img{
    float: left;
    width: 100px;
    height: 100px;
}
.banner .banner-c .int-t-t .pho{
    float: left;
    width: 60%;
    height: 100%;
}
.banner .int-t-t .rec-t{
    margin-top: 0px;
}
.banner .int-t-t .rec-c{
    line-height:30px;
}
.banner .banner-b .int-r{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.banner .banner-b .int-r img{
    width: 100%;
}

}